<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>新首页</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}">
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav bg-transparent wp-in-header">
        <a class="icon iconfont icon-riqi pull-left" th:href="@{/mobile/uc/sign/signIndex}"></a>
        <a class="icon iconfont icon-xiaoxi1 pull-right" th:href="@{/mobile/uc/op/affiche/queryUserAfficheList}">
            <span class="badge wm-badge">2</span>
        </a>
        <section class='title search-input__wrap'>
            <div class="search-input">
                <label class="icon iconfont icon-chazhao" for="search"></label>
                <input type="search" id="search" placeholder="请输入检索的内容">
            </div>
        </section>
    </header>
    <!-- top bar end-->

    <!--menu begin-->
    <div data-th-replace="layout/menu"></div>
    <!--menu end-->

    <!--主体区域 开始-->
    <div class="content content-top">
        <!--banner 开始-->
        <div class="wp-swiper">
            <div class="swiper-container swiper-container-banner" data-space-between='10'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image: url(http://image.yueshangxy.com/res/upload/yzl/banner/20181012/587bcd90d7940aa10876b63d84c9c66c.jpg)"></div>
                    <div class="swiper-slide" style="background-image: url(http://res.268xue.com/res/upload/yzl/banner/20180108/40f0b4da6a350f79e60138a20319722d.jpg)"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--banner 结束-->
        <!--公告区域-->
        <div class="wp-notice card wp-card__wrap">
            <section class="row no-gutter">
                <section class="col-80">
                    <div class="wp-notice-txt__wrap ellipsis" data-space-between='10'>
                        <em class="c-red icon iconfont icon-msnui-market"></em>
                        <ul id="wp-notice-txt__ul" class="swiper-wrapper">
                            <li class="swiper-slide"><a href="" class="vam ellipsis">11智能学校管理平台，提升工作效率</a></li>
                            <li class="swiper-slide"><a href="" class="vam ellipsis">222智能学校管理平台，提升工作效率</a></li>
                            <li class="swiper-slide"><a href="" class="vam ellipsis">333智能学校管理平台，提升工作效率</a></li>
                        </ul>
                    </div>
                </section>
                <section class="col-20 text-right">
                    <a href="" class="c-bbb fs4 vam">更多</a>
                    <em class=" icon icon-right fs4 c-bbb"></em>
                </section>
            </section>
        </div>
        <!--公告区域 结束-->
        <!--八宫格-->
        <div class="wp-in-sort-list__wrap content-padded">
            <section class="row no-gutter">
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-1.png(path=${staticPath})}" width="80%" alt="滑雪">
                        <p><span class="c-333 fs7">滑雪</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-2.png(path=${staticPath})}" width="80%" alt="法学">
                        <p><span class="c-333 fs7">法学</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-3.png(path=${staticPath})}" width="80%" alt="经济学">
                        <p><span class="c-333 fs7">经济学</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-4.png(path=${staticPath})}" width="80%" alt="语言">
                        <p><span class="c-333 fs7">语言</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-5.png(path=${staticPath})}" width="80%" alt="哲学">
                        <p><span class="c-333 fs7">哲学</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-6.png(path=${staticPath})}" width="80%" alt="建造师">
                        <p><span class="c-333 fs7">建造师</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-7.png(path=${staticPath})}" width="80%" alt="区块链">
                        <p><span class="c-333 fs7">区块链</span></p>
                    </section>
                </aside>
                <aside class="col-25">
                    <section class="wp-in-sort-item">
                        <img th:src="@{{path}/front/mobile/v3/img/pic/i-sort-8.png(path=${staticPath})}" width="80%" alt="更多">
                        <p><span class="c-333 fs7">更多</span></p>
                    </section>
                </aside>
            </section>
        </div>
        <!--八宫格 结束-->
        <!--划算课程-->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">划算课程</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75">
                <div class="tuan-course-slider__wrap">
                    <div class="swiper-container swiper-container-tuanCourse swiper-container-horizontal">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap">
                                    <ul class="list-container wm-course-list">
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <div class="item-media">
                                                    <section class="wm-item-picture__wrap pr">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <section class="wm-desc-txt__wrap">
                                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                    <section class="wm-attr-wrap row pt5">
                                                        <aside class="col-50">
                                                            <span class="wm-price vam">￥9.80</span>
                                                            <s class="fs4 c-bbb vam">￥36</s>
                                                        </aside>
                                                        <aside class="col-50 text-right">
                                                            <span class="fs4 c-orange">200人开启</span>
                                                        </aside>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row no-gutter clearfix">
                                                    <section class="col-75">
                                                        <div class="row no-gutter tuan-attr-timer__wrap">
                                                            <span class="col-auto mr5">
                                                                <span class="fs4 c-bbb">距结束仅剩</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    21
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    35
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    28
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </section>
                                                    <section class="col-25">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 去拼团 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <div class="item-media">
                                                    <section class="wm-item-picture__wrap pr">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <section class="wm-desc-txt__wrap">
                                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                    <section class="wm-attr-wrap row pt5">
                                                        <aside class="col-50">
                                                            <span class="wm-price vam">￥9.80</span>
                                                            <s class="fs4 c-bbb vam">￥36</s>
                                                        </aside>
                                                        <aside class="col-50 text-right">
                                                            <span class="fs4 c-orange">2698人砍价</span>
                                                        </aside>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row no-gutter clearfix">
                                                    <section class="col-75">
                                                        <div class="row no-gutter tuan-attr-timer__wrap">
                                                            <span class="col-auto mr5">
                                                                <span class="fs4 c-bbb">距结束仅剩</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    21
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    35
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    28
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </section>
                                                    <section class="col-25">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 去砍价 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap">
                                    <ul class="list-container wm-course-list">
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <div class="item-media">
                                                    <section class="wm-item-picture__wrap pr">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <section class="wm-desc-txt__wrap">
                                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                    <section class="wm-attr-wrap row pt5">
                                                        <aside class="col-50">
                                                            <span class="wm-price vam">￥9.80</span>
                                                            <s class="fs4 c-bbb vam">￥36</s>
                                                        </aside>
                                                        <aside class="col-50 text-right">
                                                            <span class="fs4 c-orange">200人开启</span>
                                                        </aside>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row no-gutter clearfix">
                                                    <section class="col-75">
                                                        <div class="row no-gutter tuan-attr-timer__wrap">
                                                            <span class="col-auto mr5">
                                                                <span class="fs4 c-bbb">距结束仅剩</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    21
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    35
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    28
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </section>
                                                    <section class="col-25">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 去拼团 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <div class="item-media">
                                                    <section class="wm-item-picture__wrap pr">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <section class="wm-desc-txt__wrap">
                                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                    <section class="wm-attr-wrap row pt5">
                                                        <aside class="col-50">
                                                            <span class="wm-price vam">￥9.80</span>
                                                            <s class="fs4 c-bbb vam">￥36</s>
                                                        </aside>
                                                        <aside class="col-50 text-right">
                                                            <span class="fs4 c-orange">200人开启</span>
                                                        </aside>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row no-gutter clearfix">
                                                    <section class="col-75">
                                                        <div class="row no-gutter tuan-attr-timer__wrap">
                                                            <span class="col-auto mr5">
                                                                <span class="fs4 c-bbb">距结束仅剩</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    21
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    35
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    28
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </section>
                                                    <section class="col-25">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 去拼团 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--划算课程 结束-->
        <!--热门直播-->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">热门直播</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75">
                <div class="tuan-course-slider__wrap">
                    <div class="swiper-container swiper-container-tuanCourse swiper-container-horizontal">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap index-live-list__wrap">
                                    <ul class="list-container wm-course-list">
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <aside class="teacher-pic__wrap live-teach-pic__wrap">
                                                    <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                                    <div class="shadeBg"></div>
                                                    <div class="watch-live-ico"></div>
                                                </aside>
                                                <button class="button button-fill button-round index-l-time">05.11 12:00</button>
                                                <div class="item-inner">
                                                    <section class="wm-item-picture__wrap pr pull-left">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                    <section class="wm-desc-txt__wrap pl5 mt5">
                                                        <span class="fs7 c-888">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row clearfix">
                                                    <section class="col-66">
                                                        <span class="show p-living index-p-living">共153人参加直播</span>
                                                    </section>
                                                    <section class="col-33">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 观看直播 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap index-live-list__wrap">
                                    <ul class="list-container wm-course-list">
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <aside class="teacher-pic__wrap live-teach-pic__wrap">
                                                    <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                                    <div class="shadeBg"></div>
                                                    <div class="watch-live-ico"></div>
                                                </aside>
                                                <button class="button button-fill button-round index-l-time">05.11 12:00</button>
                                                <div class="item-inner">
                                                    <section class="wm-item-picture__wrap pr pull-left">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                    <section class="wm-desc-txt__wrap pl5 mt5">
                                                        <span class="fs7 c-888">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row clearfix">
                                                    <section class="col-66">
                                                        <span class="show p-living index-p-living">共153人参加直播</span>
                                                    </section>
                                                    <section class="col-33">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 观看直播 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap index-live-list__wrap">
                                    <ul class="list-container wm-course-list">
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <aside class="teacher-pic__wrap live-teach-pic__wrap">
                                                    <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                                    <div class="shadeBg"></div>
                                                    <div class="watch-live-ico"></div>
                                                </aside>
                                                <button class="button button-fill button-round index-l-time">05.11 12:00</button>
                                                <div class="item-inner">
                                                    <section class="wm-item-picture__wrap pr pull-left">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                    <section class="wm-desc-txt__wrap pl5 mt5">
                                                        <span class="fs7 c-888">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row clearfix">
                                                    <section class="col-66">
                                                        <span class="show p-living index-p-living">共153人参加直播</span>
                                                    </section>
                                                    <section class="col-33">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 观看直播 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--热门直播 结束-->
        <!--精选课程-->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">精选课程</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-course-list__wrap">
                    <ul class="list-container wm-course-list">
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="item-title">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                    <div class="wm-desc-txt__wrap mt5">
                                        <span class="fs6 c-888">前后端热门语言大集合。C C++ Java javascript PHP Scala</span>
                                    </div>
                                </div>
                            </a>
                            <section class="pl75 pr75 pt5">
                                <div class="row no-gutter">
                                    <aside class="col-75">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price">￥9.80</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="item-title">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                    <div class="wm-desc-txt__wrap mt5">
                                        <span class="fs6 c-888">前后端热门语言大集合。C C++ Java javascript PHP Scala</span>
                                    </div>
                                </div>
                            </a>
                            <section class="pl75 pr75 pt5">
                                <div class="row no-gutter">
                                    <aside class="col-75">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price wm-price-free">免费</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--精选课程 结束-->
        <!--热门课程-->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">热门课程</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-course-list__wrap">
                    <ul class="list-container wm-course-list">
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="https://res.268xue.com/res/upload/yzl/course/20180416/e19b684816fcfc1c8690e94cf12dbb18_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="item-title">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                    <div class="wm-desc-txt__wrap mt5">
                                        <span class="fs6 c-888">前后端热门语言大集合。C C++ Java javascript PHP Scala</span>
                                    </div>
                                </div>
                            </a>
                            <section class="pl75 pr75 pt5">
                                <div class="row no-gutter">
                                    <aside class="col-75">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price">￥9.80</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/b51b7f73a792dfa331df8b639aed38d9_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="item-title">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                    <div class="wm-desc-txt__wrap mt5">
                                        <span class="fs6 c-888">前后端热门语言大集合。C C++ Java javascript PHP Scala</span>
                                    </div>
                                </div>
                            </a>
                            <section class="pl75 pr75 pt5">
                                <div class="row no-gutter">
                                    <aside class="col-75">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price wm-price-free">免费</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--热门课程 结束-->
        <!--最新讲座 -->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">最新讲座</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-live-list__wrap">
                    <ul class="list-container wm-course-list">
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-inner">
                                    <section class="item-title">
                                        <strong class="wm-cm-title c-red">05.11 12:00-14:00</strong>
                                    </section>
                                    <div class="wm-desc-txt__wrap">
                                        <span class="fs6 c-888">前后端热门语言大集合。C C++ Java javascript PHP Scala</span>
                                    </div>
                                </div>
                                <div class="item-media pr75">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-live-btn__wrap">
                                            <span class="button button-fill button-round button-danger fs6">观看直播</span>
                                        </aside>
                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20180124/0dc7b1d3024a14e3a1884561789dfb58_png/mobile/small.png" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                            </a>
                        </li>
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-inner">
                                    <section class="item-title">
                                        <strong class="wm-cm-title">05.11 12:00-14:00</strong>
                                    </section>
                                    <div class="wm-desc-txt__wrap">
                                        <span class="fs6 c-888">前后端热门语言大集合。C C++ Java javascript PHP Scala</span>
                                    </div>
                                </div>
                                <div class="item-media pr75">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-live-btn__wrap">
                                            <span class="button button-fill button-round fs6">预约直播</span>
                                        </aside>
                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20180124/0dc7b1d3024a14e3a1884561789dfb58_png/mobile/small.png" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--最新讲座 结束-->
        <!--自定义语文课程-->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">语文课程</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-course-list__wrap">
                    <ul class="list-container wm-course-list wm-course-tidy-list">
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="https://res.268xue.com/res/upload/yzl/course/20180416/e19b684816fcfc1c8690e94cf12dbb18_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="wm-desc-txt__wrap">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                </div>
                            </a>
                            <section class="mt5 pl75 pr75 pt5 wm-course-attr__wrap">
                                <div class="row no-gutter">
                                    <aside class="col-50">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                    </aside>
                                    <aside class="col-25">
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price">￥9.80</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="https://res.268xue.com/res/upload/yzl/course/20180416/e19b684816fcfc1c8690e94cf12dbb18_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="wm-desc-txt__wrap">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                </div>
                            </a>
                            <section class="mt5 pl75 pr75 pt5 wm-course-attr__wrap">
                                <div class="row no-gutter">
                                    <aside class="col-50">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                    </aside>
                                    <aside class="col-25">
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price">￥9.80</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--自定义语文课程 结束-->
        <!--自定义数学课程-->
        <div>
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">数学课程</a>
                <a href="" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-course-list__wrap">
                    <ul class="list-container wm-course-list wm-course-tidy-list">
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="https://res.268xue.com/res/upload/yzl/course/20180416/e19b684816fcfc1c8690e94cf12dbb18_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="wm-desc-txt__wrap">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                </div>
                            </a>
                            <section class="mt5 pl75 pr75 pt5 wm-course-attr__wrap">
                                <div class="row no-gutter">
                                    <aside class="col-50">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                    </aside>
                                    <aside class="col-25">
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price">￥9.80</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                        <li class="mb5">
                            <a href="" class="item-content">
                                <div class="item-media">
                                    <section class="wm-item-picture__wrap pr">
                                        <aside class="wm-picture-tag__wrap"><span class="wm-picture-tag">套餐</span></aside>
                                        <img class="wm-img" data-src="https://res.268xue.com/res/upload/yzl/course/20180416/e19b684816fcfc1c8690e94cf12dbb18_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                </div>
                                <div class="item-inner">
                                    <section class="wm-desc-txt__wrap">
                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                    </section>
                                </div>
                            </a>
                            <section class="mt5 pl75 pr75 pt5 wm-course-attr__wrap">
                                <div class="row no-gutter">
                                    <aside class="col-50">
                                        <img class="list-teacher-img vam" data-src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b562b2bb879cdc58edf3d68a8718e8c8_jpg/mobile/large.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                        <span class="wm-txt-small">连俊霞</span>
                                        <span class="wm-txt-small">·</span>
                                    </aside>
                                    <aside class="col-25">
                                        <span class="wm-txt-small">963 学员</span>
                                    </aside>
                                    <aside class="col-25 text-right">
                                        <span class="wm-price">￥9.80</span>
                                    </aside>
                                </div>
                            </section>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--自定义数学课程 结束-->
    </div>
    <!--主体区域 结束-->

    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}((path=${staticPath}, v=${v})}' charset="utf-8"></script>
    <script th:inline="javascript" type="text/javascript">
        $(function () {
            //首页头部交互效果
            function inHeadFn() {
                var ele = $('header.wp-in-header'),
                    sFn = function () {
                        var t = $('.content').scrollTop();
                        if(t > 100) {
                            ele.addClass('bg-gradient').removeClass('bg-transparent')
                        } else {
                            ele.addClass('bg-transparent').removeClass('bg-gradient')
                        }
                    };
                document.querySelector('.content').addEventListener('scroll', function () {
                    sFn()
                })
            }

            /*模块加载完成后进行业务操作*/
            $(function () {

                //幻灯片初始化配置
                new Swiper(".swiper-container-banner", {
                    autoplay: 3000,
                    loop: 0,
                    centeredSlides: 0,
                    slidesPerView: "auto",
                    pagination: ".swiper-pagination",
                    autoplayDisableOnInteraction: false
                })
                //划算左右滑动
                new Swiper(".swiper-container-tuanCourse", {
                    autoplay: 0,
                    loop: 0,
                    centeredSlides: 0,
                    slidesPerView: "auto"
                })
                //首页头部交互效果
                inHeadFn()
                //公告滚动方法
                upScroll('.wp-notice-txt__wrap')
            })
        })
    </script>
</body>
</html>